//se encarga de crear los paneles que flotan sobre el contenedor principal
//y asocia los eventos del mouse y teclado a dicho contenedor
function DomContainerPanel(webglObj){
	
	var _this = this;
	var _webglObject = webglObj;
	
	//+++++++++ ASOCIAMOS EVENTOS ++++++++++
	domContainerEventHandler = new DomContainerEventHandler(_this, _webglObject);	//TODO: se justica tener un objeto?? 
	domContainerEventHandler.asociarEventosDomContainer();
	//+++++++++++ FIN  EVENTOS +++++++++++++
	
	//init
	//paneles para todas las escenas
	var panelStats = new UI_Stats(_webglObject.getStatsDomElement());//panel que muestra la informacion de renderizado
	var panelDataRenderer = new UI_DataRenderer("dataRenderer", "divDataRenderer");
	
	//Panel con informacion del renderer
	this.getPanelDataRenderer = function(){return panelDataRenderer;}; 
	this.toggleDataRenderer = function(){panelDataRenderer.toggle()};
	
	var panelUbicacion = new UI_Ubicacion("dataUbicacion", "divDataUbicacion");
	this.getPanelUbicacion = function(){return panelUbicacion;}; 
		
	
	var panelCamara = null;
	this.generateCameraPanel = function(controles){
		panelCamara = new UI_Camara(controles);//controles para manipular la camara
	};
	
};/*fin domContainerPanelController*/